<!DOCTYPE html>
<head>
    <title>
       条件渲染 
    </title>
<script src="vue.js"></script>
</head>
<body>
<div id = "app">
    <div v-if="type === 'A'">
        A
    </div>
    <div v-else-if="type === 'B'">
        B
    </div>
    <div v-else-if="type === 'C'">
        C
    </div>
    <div v-else>
       NOT A/B/C 
    </div>
    <h1 v-show="seen">
        hi vue
    </h1>
</div>
<script type="text/javascript">
    var vm = new Vue({
        el : "#app",
        data : {
            type : "D",
            seen : 1,
        },
        methods:{
        }
    })
</script>
<style type='text/css'>
    .test{color:cyan}
    .big{font-size:30px;}
    .active{background:red}
</style>
</body>
